<template>
    <div>
        <van-grid clickable :column-num=columnNum :icon-size=iconSize>
          <van-grid-item v-for="item in menuList" :key="item.text" :icon="item.icon" :text="item.text" :to="item.to" />
        </van-grid>
    </div>
</template>

<script>
import HelloWorld from '../components/HelloWorld.vue';
export default {
  components: { HelloWorld },
  data() {
    return {
      columnNum: 2,
      iconSize: 38,
      menuList: [
        { "icon": "hot-o", "text": "商品列表", "to": "/goods" },
        { "icon": "cart-o", "text": "购物车", "to": "/order" },
        { "icon": "location-o", "text": "地址管理", "to": "/address" },
        { "icon": "like-o", "text": "测试页", "to": "/demo" }
      ]
    }
  }
};
</script>

<style></style>
